Basic Page Code

copy the code in the Html section and Paste it to the new .html fie.

Html 

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link media="screen" rel="stylesheet" type="text/css" href=".\CSS\style.css">
       
     <title>"title goes here </title>
    
     </title>
</head>

<body>
    <!--Code goes here --> 
    
</body>
</html>


copy the code in the CSS section and Paste it to the New \cCSS\style.css file .

css 




        :root {
            --text: hsl(9, 62%, 96%);
            --background: hsl(4, 68%, 5%);
            --primary: hsl(2, 65%, 72%);
            --secondary: hsl(3, 66%, 14%);
            --accent: hsl(2, 65%, 54%);
          }
        body{
            background-color: var(--background);
            color: var(--text);
            padding: 2rem;
            font-family: 'Times New Roman', Times, serif;
        }
        
        
          h1{
            font-size: 3rem;
        }


copy the code in the JS section and Paste it to just above the <body> tag.

JS